<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="{$smarty.const.PUBLIC_PATH}css/amazeui.min.css"/>
<link rel="stylesheet" href="{$smarty.const.IMAGES_PATH}style.css"/>
<script src="{$smarty.const.PUBLIC_PATH}js/jquery.min.js"></script>
<script src="{$smarty.const.PUBLIC_PATH}js/amazeui.min.js"></script>
</head>

<body>
<div class="container">
	<!--引入头文件-->
	{include file="../header.html"}
	<script>$('.title-link').text("注册信息")</script>
	
    <div class="cart-panel">
		<form class="am-form" action="{$smarty.const.__SELF__}" method="post" enctype="multipart/form-data">
            <div class="am-form-group am-form-icon">
                <i class="am-icon-user" style="color:#329cd9"></i>
                <input type="text" name="name" class="am-form-field  my-radius" placeholder="请输入您的用户名" value="{$reginfo.name}">
            </div>
            
            <div class="am-form-group am-form-icon">
                <i class="am-icon-envelope" style="color:#78c3ca"></i>
                <input type="text" name="email" class="am-form-field  my-radius" placeholder="请输入邮箱号码" value="{$reginfo.email}">
            </div>
            <div class="am-form-group am-form-icon">
                <i class="am-icon-phone" style="color:#f09513"></i>
                <input type="text" name="phone" class="am-form-field  my-radius" placeholder="请输入联系电话" value="{$reginfo.phone}">
            </div>
            <select name="sex" class="select-area am-radius">
            	<option >男</option>
            	<option {if $reginfo.sex=="女"}selected="selected"{/if}>女</option>
            </select>
            
            <div class="withdrawals-panel" style="margin-top: 15px;">
            	<p class="am-text-center"><img src="{$reginfo.touxiang}" class="qrcode-qrcode" /></p>
        	</div>
        	
            <div class="am-form-group am-form-file" style="margin-top: 15px;">
          		<div>
            		<button type="button" class="am-btn am-btn-default am-btn-sm">
              		<i class="am-icon-credit-card" style="color:#78c3ca"></i>修改头像</button>
         	 	</div>
          		<input type="file" class="images" name="touxiang" id="touxiang">
        	</div>
            
            <p class="am-text-center"><button type="submit" class="am-btn am-btn-danger am-radius am-btn-block">保存信息</button></p>
        </form>
    </div>
    
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
      <div class="am-footer-miscs ">
        <p>CopyRight©2014 AllMobilize Inc.</p>
        <p>京ICP备13033158</p>
      </div>
    </footer>
    <!--底部-->
    {include file="../footer.html"}
</div>
<script type="text/javascript">
	$('#touxiang').change(function(){ //预览图片
		  var src=window.URL.createObjectURL(document.getElementById('touxiang').files[0]);
		  $('.qrcode-qrcode').attr('src',src);
		  console.log(src);
		});
</script>
</body>
</html>
